<template>
  <el-select
    v-model="bindValue"
    :placeholder="placeholder"
    :multiple="multiple"
    :collapse-tags="collapseTags"
    :disabled="disabled"
  >
    <slot></slot>
  </el-select>
</template>
<script setup>
// #ifdef H5
import { ElSelect } from "element-plus";
import "element-plus/theme-chalk/el-select.css";
// #endif
import { computed } from "vue";
import {
  util_GetRowAttrVal,
  util_OptionChainHack,
  util_GetCurComponentAttrWithInheritedAttr,
} from "@gd-accbuild-ui/gd-ui/utils/index";
const props = defineProps({
  modelValue: {
    type: [String, Number],
    required: true,
  },
  placeholder: {
    type: String,
    default: "",
  },
  multiple: {
    type: Boolean,
    default: false,
  },
  collapseTags: {
    type: Boolean,
    default: false,
  },
  disabled: {
    type: Boolean,
    default: false,
  },
});
const emits = defineEmits(["update:modelValue"]);
const bindValue = computed({
  get() {
    return props.modelValue;
  },
  set(value) {
    emits("update:modelValue", value);
  },
});
</script>
<style lang="scss" scoped></style>
